<template>
    <div v-if="Visit === Mark" id="teDialog">
        <div id="dialogBody">
            <div class="content">
                <slot name="content"></slot>
            </div>
        </div>
    </div>
</template>

<script>
    import teTitle from './TeTitle.vue';

    export default {
        name      : 'teDialog',
        data() {
            return {
                size: this.$root.store.ScreenSize
            };
        },
        components: {
            teTitle
        },
        props     : {
            Visit    : {
                type   : String,
                default: ''
            },
            TitleText: {
                type   : String,
                default: '无标题'
            },
            Mark     : {
                type   : String,
                default: '',
            }
        },
        methods   : {},
        mounted() {
            this.$root.store.subtitle = '255';
        },
    };
</script>

<style scoped>

    .content {
        height: 92.5%;
        width: 100%;
    }

    .dialog-title {
        font-size: 1.2em;
        margin-bottom: 20px;
    }
</style>
